.drawer_jump {
    position: fixed;
    z-index: 999;
    width: 3.25rem;
    right: 0;
    top: 50%;
    transition: transform .3s ease-out;
    transform: translate3d(100%, -50%, 0)
}

.drawer_jump.drawer-expand {
    transform: translate3d(0, -50%, 0)
}

.drawer_jump .switch-btn {
    width: .44rem;
    height: 1.9rem;
    position: absolute;
    left: -.44rem;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.drawer_jump .showroom {
    width: 3.25rem
}

.drawer_jump .show-banner {
    border-radius: .12rem 0 0 0;
    width: 3.25rem;
    overflow: hidden
}

.drawer_jump .show-banner img {
    display: block;
    width: 100%
}

.drawer_jump .show-body {
    border-radius: 0 0 0 .12rem;
    overflow: hidden;
    padding-bottom: .04rem;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover
}

.drawer_jump .item {
    display: block;
    margin: .1rem .2rem
}

.drawer_jump .item img {
    display: block;
    width: 100%
}

.fixed-br {
    position: fixed;
    z-index: 997;
    bottom: 1.4rem;
    right: .26rem
}

.fixed-br a {
    display: block;
    width: 1.12rem;
    height: 1.12rem;
    overflow: hidden;
    margin: .1rem auto 0
}

.fixed-br #top {
    width: .7rem;
    height: .7rem
}

.fixed-br img {
    width: 100%
}

.container[data-v-6281227b] {
    color: #3c3c3c;
    position: relative
}

.container.fluid[data-v-6281227b] {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,#grayscale");
    -webkit-filter: grayscale(1)
}

.container .header-bar[data-v-6281227b] {
    position: fixed;
    top: -1px;
    left: 0;
    right: 0;
    z-index: 99;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
    background: #f2f2f2
}

.container .app-header-wrapper[data-v-6281227b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: .84rem;
    background: #fff500;
    color: #666;
    padding: 0
}

.container .app-header-wrapper > div[data-v-6281227b] {
    display: flex;
    align-items: center
}

.container .app-header-wrapper .app-header-item[data-v-6281227b] {
    display: block;
    width: .6rem;
    margin: 0 .2rem
}

.container .app-header-wrapper .app-header-item .app-header-icon[data-v-6281227b] {
    line-height: .6rem
}

.container .app-header-wrapper .logo img[data-v-6281227b] {
    width: 80%
}

.container .app-header-wrapper .app-header-middle[data-v-6281227b] {
    flex: 1;
    font-size: .3rem
}

.container .app-header-wrapper .app-header-title[data-v-6281227b] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #e5e5e5;
    text-align: left;
    width: 100%;
    color: rgba(0, 0, 0, .3);
    background-color: #fff;
    border-radius: .04rem
}

.container .app-header-wrapper .app-header-icon[data-v-6281227b] {
    display: block;
    width: .6rem;
    height: .6rem
}

.container .app-header-wrapper .app-header-icon.icon-search[data-v-6281227b] {
    background-image: url();
    background-size: .4rem .4rem
}

.container .app-header-wrapper .app-header-icon.icon-user[data-v-6281227b] {
    background-image: url(/static/img/icon-user.23496a0116.png);
    background-size: .4rem .4rem
}

.container .app-header-wrapper .ipt-img-box[data-v-6281227b] {
    width: .6rem;
    height: .6rem;
    padding: .1rem
}

.container .app-header-wrapper .ipt-img-box .ipt-icon[data-v-6281227b] {
    width: .4rem;
    height: .4rem
}

.container .download-app-go[data-v-6281227b] {
    position: relative;
    display: block;
    height: 1rem;
    overflow: hidden
}

.container .download-app-go a[data-v-6281227b] {
    display: block
}

.container .download-app-go a img[data-v-6281227b] {
    display: block;
    width: 100%;
    height: auto
}

.container .download-app-go .close[data-v-6281227b] {
    position: absolute;
    width: 1rem;
    height: 1rem;
    text-align: center;
    left: 0;
    top: 50%;
    margin-top: -.5rem
}

.container .download-app-go .close a[data-v-6281227b] {
    display: block
}

.container .download-app-bottom-float[data-v-6281227b] {
    position: fixed;
    height: auto;
    z-index: 99;
    left: 50%;
    right: 0;
    bottom: 1.2rem;
    width: 2.66rem;
    transform: translateX(-1.33rem)
}

.container .download-app-bottom-float img[data-v-6281227b] {
    display: block;
    width: 100%;
    height: auto
}

.container .nav-wrap[data-v-6281227b] {
    position: relative;
    overflow: hidden
}

.container .nav-wrap .nav-display[data-v-6281227b] {
    position: absolute;
    right: 0;
    top: 0;
    width: .68rem;
    height: .55rem;
    line-height: .55rem;
    background-color: #f2f2f2;
    box-shadow: -15px 0 15px 0 #f2f2f2;
    z-index: 99
}

.container .nav-wrap .nav-display .image-icons[data-v-6281227b] {
    vertical-align: middle;
    width: .4rem;
    height: .4rem;
    background-image: url();
    transform: rotate(0deg);
    transition: transform .2s linear
}

.container .nav-wrap .nav-display .image-icons.unfold[data-v-6281227b] {
    transform: rotate(180deg)
}

.container .nav[data-v-6281227b] {
    overflow-x: auto;
    background: #f2f2f2;
    font-size: .26rem;
    white-space: nowrap;
    z-index: 2
}

.container .nav .nav-item[data-v-6281227b] {
    display: inline-block;
    padding: 0 .25rem
}

.container .nav .nav-item span[data-v-6281227b] {
    display: inline-block;
    line-height: .55rem;
    border-bottom: 2px solid rgba(237, 91, 0, 0)
}

.container .nav .nav-item-extra[data-v-6281227b] {
    padding-right: .76rem;
    display: inline-block
}

.container .nav[data-v-6281227b]::-webkit-scrollbar {
    height: 0;
    background: transparent
}

.container .nav-item-layer[data-v-6281227b] {
    background-color: #f2f2f2;
    font-size: .28rem;
    text-align: left;
    padding: 0 .25rem;
    transition: max-height .3s ease-in-out;
    overflow: hidden
}

.container .nav-item-layer .title[data-v-6281227b] {
    padding-top: .25rem
}

.container .nav-item-layer .btn-wrap[data-v-6281227b] {
    margin-top: .34rem;
    display: flex;
    flex-wrap: wrap
}

.container .nav-item-layer .btn-wrap .extra-btn[data-v-6281227b] {
    margin-bottom: .24rem;
    display: inline-block;
    width: 1.52rem;
    height: .56rem;
    text-align: center;
    line-height: .56rem;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    font-size: .25rem;
    background-color: #fff
}

.container .nav-item-layer .btn-wrap .extra-btn.mr-interval[data-v-6281227b] {
    margin-right: .2rem
}

.container .nav-item-layer .btn-wrap .extra-btn.cur[data-v-6281227b] {
    background-color: #fde0d5;
    border-color: #ff6700;
    color: #ff6700
}

.container .height-enter-active[data-v-6281227b] {
    max-height: 10rem
}

.container .height-enter[data-v-6281227b] {
    max-height: .66rem
}

.container .height-leave-to[data-v-6281227b], .container .height-leave[data-v-6281227b] {
    max-height: 0
}

.container .bodys[data-v-6281227b] {
    padding-bottom: .9rem;
    position: absolute;
    top: 1.39rem;
    left: 0;
    right: 0;
    overflow: hidden;
    background: #fff;
    transition: transform .4s cubic-bezier(.55, 0, .1, 1)
}

.container .bodys.slide-left-enter[data-v-6281227b] {
    transform: translate3d(100%, 0, 0)
}

.container .bodys.slide-right-enter[data-v-6281227b] {
    transform: translate3d(-100%, 0, 0)
}

.container .bodys.slide-right-leave-active[data-v-6281227b] {
    transform: translate3d(100%, 0, 0)
}

.container .bodys.slide-left-leave-active[data-v-6281227b] {
    transform: translate3d(-100%, 0, 0)
}

.container .with-advert .bodys[data-v-6281227b] {
    top: 2.39rem
}